<template>
    <div class="agreement-page">
        <div class="agreement-container">
            <h1 class="agreement-title">面试橙子充值协议</h1>

            <p class="agreement-intro">
                欢迎使用面试橙子充值服务！本协议是您与上海微迪欧文化传播有限公司（以下简称"我们"）之间就面试橙子充值服务等相关事宜所订立的契约。请您仔细阅读本协议，您点击"同意"或使用充值服务，即视为您已阅读并同意本协议的全部条款。
            </p>

            <section class="agreement-section">
                <h2 class="section-title">一、服务说明</h2>
                <ol class="section-list">
                    <li><strong>服务内容</strong>：面试橙子为用户提供在线充值服务，用户可以通过充值获得面试橙子平台内的虚拟货币（以下简称"橙子币"），用于购买平台内的各项服务。</li>
                    <li><strong>服务对象</strong>：本服务仅面向具有完全民事行为能力的自然人、法人或其他组织。</li>
                    <li><strong>服务范围</strong>：本服务仅在中国大陆地区提供。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">二、充值规则</h2>
                <ol class="section-list">
                    <li><strong>充值金额</strong>：用户每次充值金额必须为整数，且不得低于平台规定的最低充值金额。</li>
                    <li><strong>充值方式</strong>：平台支持微信支付、支付宝等支付方式，具体以平台实际提供的支付方式为准。</li>
                    <li><strong>充值比例</strong>：橙子币与人民币的兑换比例以平台实际公布的为准。</li>
                    <li><strong>充值限制</strong>：平台可能会对单次充值金额、每日充值次数等进行限制，具体限制以平台实际规定为准。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">三、用户权利与义务</h2>
                <ol class="section-list">
                    <li><strong>用户权利</strong>：
                        <ul>
                            <li>使用充值获得的橙子币购买平台服务</li>
                            <li>查询橙子币余额及使用记录</li>
                            <li>对充值服务提出建议和意见</li>
                        </ul>
                    </li>
                    <li><strong>用户义务</strong>：
                        <ul>
                            <li>遵守相关法律法规和平台规则</li>
                            <li>妥善保管账号和支付信息</li>
                            <li>不得利用充值服务从事违法违规活动</li>
                        </ul>
                    </li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">四、平台权利与义务</h2>
                <ol class="section-list">
                    <li><strong>平台权利</strong>：
                        <ul>
                            <li>制定和修改充值规则</li>
                            <li>对违规用户采取限制措施</li>
                            <li>保留对异常交易进行调查的权利</li>
                        </ul>
                    </li>
                    <li><strong>平台义务</strong>：
                        <ul>
                            <li>提供安全、稳定的充值服务</li>
                            <li>保护用户个人信息安全</li>
                            <li>及时处理用户投诉和建议</li>
                        </ul>
                    </li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">五、退款规则</h2>
                <ol class="section-list">
                    <li><strong>退款条件</strong>：橙子币一经充值，除法律法规明确规定外，原则上不予退款。</li>
                    <li><strong>特殊情况</strong>：如遇系统故障、重复充值等特殊情况，用户可向平台申请退款，平台将根据实际情况进行处理。</li>
                    <li><strong>退款方式</strong>：退款将按照用户原支付方式退回，具体退款流程以平台规定为准。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">六、免责声明</h2>
                <ol class="section-list">
                    <li>因不可抗力导致的服务中断或延迟，平台不承担责任。</li>
                    <li>因用户自身原因导致的损失，平台不承担责任。</li>
                    <li>因第三方支付平台原因导致的充值问题，平台将协助用户解决，但不承担直接责任。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">七、协议修改</h2>
                <p class="section-content">
                    我们保留随时修改本协议的权利。修改后的协议将在平台上公布，并自公布之日起生效。如您继续使用充值服务，即视为您接受修改后的协议。
                </p>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">八、法律适用与争议解决</h2>
                <ol class="section-list">
                    <li>本协议适用中华人民共和国法律。</li>
                    <li>因本协议产生的争议，双方应友好协商解决；协商不成的，任何一方均可向上海微迪欧文化传播有限公司所在地有管辖权的人民法院提起诉讼。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">九、联系方式</h2>
                <p class="section-content">
                    如果您对本协议有任何疑问，可以通过以下方式联系我们：
                </p>
                <p class="contact-info">
                    公司名称：上海微迪欧文化传播有限公司<br>
                    联系邮箱：support@ointerview.com
                </p>
            </section>

            <p class="agreement-footer">
                上海微迪欧文化传播有限公司
            </p>
        </div>
    </div>
</template>

<script setup>
    // 隐私政策页面
</script>

<style lang="scss" scoped>
    .agreement-page {
        padding: 20px;
        background-color: #fff;
        min-height: 100vh;

        .agreement-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .agreement-title {
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 30px;
            color: #333;
        }

        .agreement-intro {
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 30px;
            color: #333;
        }

        .agreement-section {
            margin-bottom: 30px;

            .section-title {
                font-size: 20px;
                font-weight: bold;
                margin-bottom: 15px;
                color: #333;
            }

            .section-content {
                font-size: 16px;
                line-height: 1.6;
                color: #333;
                margin-bottom: 15px;
            }

            .section-list {
                padding-left: 20px;

                li {
                    margin-bottom: 10px;
                    line-height: 1.6;
                    font-size: 16px;
                    color: #333;

                    strong {
                        font-weight: bold;
                    }
                }
            }

            .contact-info {
                font-size: 16px;
                line-height: 1.6;
                color: #333;
                margin-top: 10px;
                padding-left: 20px;
            }
        }

        .agreement-footer {
            text-align: right;
            margin-top: 50px;
            font-size: 16px;
            color: #333;
        }
    }
</style>